<template>
  <div class="mapAlarmInfo">
    <el-table
      :data="dataSource"
      style="width: 100%"
      ref="table"
      v-loading="loading"
      :max-height="tableHeight"
    >
      <el-table-column
        prop="date"
        align="center"
        label="企业名称"
        show-overflow-tooltip
      />
      <el-table-column
        prop="date"
        align="center"
        label="站点名称"
      />
      <el-table-column
        prop="date"
        align="center"
        label="报警类型"
      />
      <el-table-column
        prop="date"
        align="center"
        label="报警时间"
      />
      <el-table-column
        prop="date"
        align="center"
        label="状态"
      />
    </el-table>
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="handleQuery"
    />
  </div>
</template>

<script>
import { Mixin } from '@/utils/mixin/Mixin'

export default {
  name: 'MapAlarmInfo',
  mixins: [Mixin],
  props: {
    mapAlarmInfo: {
      type: Object,
      default: null
    }
  },
  data() {
    return {
      disableMixinCreated: true,
      url: {
        list: '/screenData/getWarnInfoList'
      }
    }
  },
  created() {
    console.log('debugger', this.mapAlarmInfo)
    this.queryParams.substationId = this.mapAlarmInfo.substationId
    this.handleQuery()
  }
}
</script>

<style lang="scss" scoped>
.mapAlarmInfo {
  ::v-deep .el-table tr {
    background: #1167A6;
  }

  ::v-deep .el-loading-mask {
    background-color: rgba(9, 53, 108, 0.8);
  }

  ::v-deep .el-table tr:nth-of-type(even) td {
    background: #1167A6;
  }

  ::v-deep .el-table--enable-row-transition .el-table__body td {
    border-bottom: solid 1px #000;
  }

  ::v-deep .el-table td, .el-table th.is-leaf {
    border-bottom: solid 1px #000 !important;
  }

  ::v-deep .el-table th.is-leaf, .el-table td {
    border-bottom: solid 1px #000 !important;
  }

  ::v-deep .el-table tr th {
    //background: #f6fcf5 !important;
    background: #0F7FC2 !important;
    color: #ffffff !important;
  }

  ::v-deep .el-table tbody tr:hover td {
    background-color: #1980e7 !important;
    //color: white!important;
  }

  ::v-deep .el-table__empty-block {
    background: #0F7FC2 !important;
  }

  ::v-deep .el-table__empty-text {
    color: #FFFFFF !important;

  }
}
</style>
